<%--
  Created by IntelliJ IDEA.
  User: 15700
  Date: 2019/1/11
  Time: 20:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<style>

    *,*:before,*:after{
        box-sizing: border-box;
    }
    a{
        list-style: none;
        text-decoration: none;
        color: #ffff;
    }
    a:hover{
        text-decoration: none;
        color: #bdc3c7;
    }
    .top_box{
        width: 100%;
        height: 100px;
        background: #252A2F;
        color: #ffffff;
    }
    .logon{
    display:block;
        width: 100px;
        height: 100px;
        position:absolute;
        left:50px;
        background: url("http://localhost:8082/course_design/img/logo.png") center center no-repeat;
        background-size: 100% 95%;
    }
    .teacher{
        width: auto;
        height: 100px;
        line-height: 100px;
    }
    .title{
        font-size: 2em;
        font-family: "微软雅黑";
    }
    .list-inline{
    	margin: 0;
    }
</style>
<body>
<div class="top_box">
    <div class="banner-img pull-right">
        <span class="logon"></span>
    </div>
    <div class="col-xs-offset-5 col-xs-2 teacher">
       <span class="teacher title"> 欢迎使用考勤系统！</span>
    </div>
    <div class="pull-right align-content-center  pull">
        <ul class="list-inline ">
            <li class="teacher" style="padding-right: 20px"><i class="fa fa-user" aria-hidden="true" style="padding-right: 10px"></i>欢迎<a href="#">${teacher.teachername}</a>教师</li>
            <li class="teacher"><a href="/logout" style="padding-right: 20px"><i class="fa fa-sign-out" aria-hidden="true" style="padding-right: 10px"></i>注销</a></li>
            <li class="teacher"><a href="#" style="padding-right: 20px"><i class="fa fa-cogs" aria-hidden="true" style="padding-right: 10px"></i>关于</a></li>
            <li class="teacher"><a href="mailto:15882700748@163.com" style="padding-right: 140px"><i class="fa fa-phone" style="padding-right: 10px"></i>联系</a></li>
        </ul>
    </div>
</div>
</body>
</html>
